<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>New Web Project</title>
		<!--内部样式表-->
		<style type="text/css">
			.day {
				font-weight: bold;
			}
			h2 {
				padding-top: 20px;
			}
		</style>
		<!--外部样式表-->
		<link rel="stylesheet" type="text/css" href="htmlDemoMain.css">
	</head>

	<body>
		<h2>字体相关</h2>
		<span class="day" style="text-align: center" > 这是一个加粗d的字体</span>
		
		
		 <h2>加入logo 图片</h2>
		<div style="background:#00FF00 url('img/logo-1.png') no-repeat 0px;font-size: x-large; margin-top: 5px; text-align:center;">
			中国移动通信客户详单
		</div>
		<div class="m15" style="background:url('img/mobile.gif') no-repeat 0px;">
			<span style="margin-left: 20px">
			手机号：
			<strong style="color: red">
				15000000000
			</strong>
			</span>
		</div>
		
		
		<h2>显示与否</h2>
		<span style="display:none;">这是一段文字 </span>
		<span style="display:block">这是一段文字 </span>


		<h2>margin和padding</h2>
		<span style="margin: 20px">这是一个有margin的元素</span>
		
		
		
		<h2> 关于像素 的长度 </h2>
		<input  style="background-color:blue;width: 10px" type="text" value="10px" />
		<input  style="background-color:blue;width: 50px" type="text" value="50px"/>
		<input  style="background-color:blue;width: 100px" type="text" value="100px"/>
		
		
		<h2 >表格相关</h2>
		
		<h2>select相关</h2>
		<select>
			<option value="2012-01" disabled="true">2012-01</option>
			<option value="2012-02" disabled="true">2012-02</option>
			<option value="2012-03" disabled="true">2012-03</option>
			<option value="2012-04" >2012-04</option>
		</select>
	
	</body>
</html>

